td {
    padding: 10px 0;
}

/*内容区域start*/
.invitation-content {
    width: 95%;
    margin: 0 auto;
}

.invitation-info {
    border-bottom: 2px solid rgb(233,233,233);
    width: 100%;
}

/*选择颜色块start*/
.chose-color {
    padding-bottom: 0;
    padding-left: 5px;
    width: 50px;
}

.chose-color>button {
    background: rgb(19,190,208);
    color: #ffffff;
    border-radius: 15px;
    padding: 1px 8px;
    outline: none;
    font-size: 8px;
}

.btn:active:focus, .btn:focus,.btn:hover {
    outline: none;
    color: #ffffff;
    outline-offset: 0;
}

.chose-color>.dropdown-menu {
    min-width: 50px;
    border: 1px solid rgb(19,190,208);
    background: rgb(230,230,230);
    margin-top: 20px;
}
/*下拉按钮*/
.chose-color-down {
    padding-left: 20px;
    padding-top: 0;
}

.chose-color-down >img {
    width: 10px;
    height: 8px;
}
/*颜色块start*/
ins{
    display: inline-block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #1AA9BA;
}
.checked ins {
    background-image: url(../img/icheck.png)
}
.checked ins {
    background-position: 2px 1px;
}
/*颜色块end*/

/*选择颜色块end*/

.input-title {
    width: 80%;
    vertical-align: top;
}

.input-info {
    border-radius: 20px;
    outline: none;
    border: 1px solid rgb(223,223,223);
    padding: 5px 7px;
    width: 90%;
}

/*分割线start*/
.invitation-line {
    text-align: center;
    background: #ffffff;
    width: 50px;
    font-size: 13px;
    margin: -10px auto 0 auto;
    color: rgb(169,169,169);
}
/*分割线end*/

/**/
.invitation-man {
    padding: 5px 10px 10px 10px;
    display: table;
    width: 100%;
    border-bottom: 2px solid rgb(223,223,223);
}

.invitation-name {
    display: table-cell;
    padding-bottom: 5px;
    vertical-align: middle;
}

.invitation-name>div {
    margin-right:10px;
    padding: 2px 5px;
    background: rgb(19,190,208);
    color: #ffffff;
    font-size: 12px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 2px;
}

.invitation-name>div>img {
    margin-left: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ffffff;
    margin-top: -2px;
}

.invitation-man>a {
    padding-bottom: 5px;
    display: table-cell;
    width: 20px;
    vertical-align: middle;
}

.invitation-man>a>img {
    float:right;
    width: 10px;
    height: 16px;
}

/*时间start*/
.invitation-time {
    text-align: center;
    margin: 10px 0 5px;
    padding: 2px 10px;
    display: table;
    width: 100%;
}

.invitation-time-class {
    display: table-cell;
    width: 85%;
    text-align: center;
}

.invitation-time-class >input {
    text-align: center;
}

@media  (max-width: 320px){
    .invitation-time-class {
        display: table-cell;
        width: 80%;
        text-align: center;
    }
}
.invitation-time-class>img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: -2px;
}

.invitation-time-class > span {
    color: rgb(19,190,208);
    margin-right: 20px;
}

.invitation-start {
    margin:auto;
    align-content:center;
    padding: 5px 10px;
    border-radius: 20px;
    border: 1px solid rgb(233,233,233);
    width: 100%;
    text-align: center;
}

.invitation-end {
    margin: 5px auto 0 auto;
    font-size: 12px;
    color: rgb(211,211,211);
}

.invitation-end>i {
    font-style: normal;
    color: red;
    margin-right: 3px;
}

.invitation-before {
    padding: 0 10px 10px 10px;
    margin: 30px 0 0 0;
    border-bottom: 2px solid rgb(233,233,233);
    color: rgb(19,190,208);;
}

.invitation-before>input {
    margin: 0 7px;
    border: 1px solid rgb(233,233,233);
    border-radius: 18px;
    padding: 5px 15px;
    color: #000000;
    width: 60px;
    outline: none;
}

.invitation-before>img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
/*时间end*/

/*地址start*/
.invitation-add {
    padding: 10px 10px 20px 10px;
    border-bottom: 2px solid rgb(223,223,223);
}

.invitation-add >img {
    width:13px;
    height: 20px;
}

.other-input {
    margin-right: 10px;
    width: 90%;
}
/*地址end*/

/*进度条start*/

.invitation-progress {
    display: inline-table;
    padding: 5px 10px;
    margin: 0;
    width: 100%;
}

.invitation-progress>span {
    color: rgb(19,190,208);
    display: table-cell;
}

/*.clickable {*/
    /*background: rgb(233,233,233);*/
    /*height: 5px;*/
    /*position: relative;*/
    /*margin-left: 10px;*/
    /*width:85%;*/
    /*display: inline-block;*/
/*}*/

/*.display {*/
    /*height: 16px;*/
    /*position: absolute;*/
    /*width: 100%;*/
/*}*/

/*.progress {*/
    /*position:absolute;*/
    /*left:0;*/
    /*top:0;*/
    /*background:rgb(19,190,208);*/
    /*height:5px;*/
    /*min-width: 14px;*/
/*}*/

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {*/
    /*border: 0;*/
    /*background: #ffffff;*/
/*}*/

/*.ui-widget-header {*/
    /*background: rgb(18,191,209);*/
/*}*/
/*.ui-slider-horizontal .ui-slider-handle {*/
    /*top: 0.2em;*/
    /*margin-left: -1.8em;*/
/*}*/

.slider.slider-horizontal {
    width: 100%;
}
.slider.slider-horizontal .slider-track {
    height: 5px;
}
.slider-selection {
    background: rgb(18,191,209);
}
.slider-handle {
    width:0;
    height: 0;
}
.tooltip-inner {
    background-color: rgb(18,191,209);
    border-radius: 8px;
}
.tooltip.top .tooltip-arrow {
    border-bottom-color: rgb(18,191,209);
    margin-left: -5px;
    border-width: 5px 5px;
    margin-bottom: 27px;
    border-top-color: transparent;
}
.slider .tooltip.top {
    margin-top: 10px;
}

.invitation-progress-time {
    min-width: 45px;
    -webkit-box-shadow: none;
    outline:none;
    height:20px;
    margin-top:10px;
    text-align: right;
    background: #ffffff;
}

.invitation-progress-time >span {
    border-radius: 10px;
    padding: 2px 5px;
    background: rgb(19,190,208);
    color: #ffffff;
    font-size: 8px;
}

.invitation-progress-time>img {
    width: 8px;
    height: 12px;
    margin-top: -1.6em;
    margin-right: -1.8em;
}

.invitation-progress-time>span>i {
    font-style: normal;
}
/*进度条end*/

/*底部按钮*/
.bottom-btn {
    width: 100%;
    text-align: center;
    margin-top: 10%;
    padding-bottom: 20px;
}

.bottom-btn button {
    background-color:#13BED0;
    border-radius: 20px;
    width:120px;
    border: 0;
    font-size: 14px;
    outline: none;
    color:#ffffff;
    padding: 5px 0;
}
/*底部按钮 end*/

/*地图页面start*/
.map-search-top {
    background: #ffffff;
    width: 100%;
}

.map-search {
    padding: 10px;
}

.map-search >input {
    outline: none;
    border-radius: 15px;
    width: 75%;
    height: 30px;
    border: 1px solid rgb(233,233,233);
    padding: 2px 10px;
}

.map-search >button {
    width: 50px;
    margin-left: 10px;
    background: #13BED0;
    color: #ffffff;
    outline: none;
    border: 0;
    border-radius: 12px;
    padding: 2px 5px;
}

.map-btn {
    text-align: center;
    padding: 10px 0;
    background: #ffffff;
    width: 100%;
}

.map-btn >button {
    width: 80%;
    background: #13BED0;
    color: #ffffff;
    border-radius: 10px;
    outline: none;
    padding: 5px;
    border: 0;
}

/*地图页面end*/


/*waitResponse页面 start*/


@media  (min-width: 320px){
    .wait-invitation-time {
        width: 72%;
    }
}

@media  (min-width:321px){
    .wait-invitation-time {
        width: 76%;
    }
}
@media  (min-width:376px){
    .wait-invitation-time {
        width: 78%;
    }
}

#wait-edit-map {
    color: rgb(19,190,208);
}
/*waitResponse页面 end*/